<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/mine.css"/>
	</head>
	<body>
		<div class="mui-content allContent">
			<div class="mui-row userTop">
			    <div class="imgCard">
			    	<div class="userImg">
			    		<div class="userImgBox">
			    			<img src="../../img/user.png"/>
			    		</div>
			    	</div>
			    	<div class="userName">
		    			何川
		    		</div>
			    </div>
			    <div class="">
			    	<div class="mui-table-view-cell" id="mineDetail">
		                <a class="mui-navigate-right">
		                    <span class="mui-icon mui-icon-gear"></span>
		                    	个人设置
		                </a>
		            </div>
			    </div>
			</div>
			<div class="mui-row cost">
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell" id="mineList">
				        <a class="mui-navigate-right">
				        	<span class="mui-icon iconfont icon-tixian"></span>
				        	我的收入
				        </a>
				    </li>
				    <li class="mui-table-view-cell" id="servicePromise">
				        <a class="mui-navigate-right">
				        	<span class="mui-icon iconfont icon-fuwu"></span>
				        	开通服务
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" id="myPoint">
				        	<span class="mui-icon iconfont icon-dingdan"></span>
				        	我的订单
				        </a>
				    </li>
				</ul>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
        <script type="text/javascript">
            var $ = mui, doc = document;
			$.init({
				preloadPages:[//缓存其他页面
				    {
				      url:'template/mineSetting.html',
				      id:'mineDetail',
				      styles:{
				      	top: '0',
			      		bottom: '0'
				      }
				    }
			 	]
			});
			$.plusReady(function(){
		  		doc.getElementById('mineDetail').addEventListener('tap', function() {
				  //打开关于页面
				  $.openWindow({
				    url: 'template/mineSetting.html',
				    id:'mineDetail',
				    styles:{
				      	top: '0',
			      		bottom: '0'
				      }
				  });
				});
				doc.getElementById('mineList').addEventListener('tap', function() {
				  //打开关于页面
				  $.openWindow({
				    url: 'template/moneyList.html',
				    id:'moneyList',
				    styles:{
				      	top: '0',
			      		bottom: '0'
				      }
				  });
				});
				doc.getElementById('servicePromise').addEventListener('tap', function() {
					  //打开关于页面
					  $.openWindow({
					    url: 'template/servicePromise.html',
					    id:'servicePromise',
					    styles:{
					      	top: '0',
				      		bottom: '0'
					      }
					  });
					});
				});
				doc.getElementById('myPoint').addEventListener('tap', function() {
				  //打开关于页面
				  $.openWindow({
				    url: 'template/myPoint.html',
				    id:'myPoint',
				    styles:{
				      	top: '0',
			      		bottom: '0'
				      }
				  });
				});
		</script>
	</body>

</html>